@import (reference) "~weaver-mobile/dist/weaver-mobile.less";
@import (reference) "./public.less";

.wea-netdisk-whitebg {
  height: 100%;
  width: 100%;
  background: white;
  .wea-netdisk-tabbar-hidden{
    height: 0;
    display: none;
    .am-tab-bar{
      .am-tabs-tab-bar-wrap{
        display: none;
      }
    }
  }
  .wea-netdisk-tabbar{
    height: 100%;
    display: inline-block;
  }
  .netdisk-myshare-userlist-bg{
      height: 100%;
      display: flex;
      flex-direction: column;
      .netdisk-myshare-header-search{
        .search-select{
          height: 45 * @hd;
          border-bottom: none;
        }
       .netdisk-myshare-header-div{
         padding-top: 8 * @hd;
         padding-left: 16 * @hd;
         padding-bottom: 6 * @hd;
         border-bottom: @hd solid #E2E2E2;
         position: relative;
         .myshare-header-div-cancle{
            color: #55B1F9;
         }
         .myshare-header-div-choosed{
            padding-left: 16 * @hd;
         }
         .myshare-header-div-chooseall{
           position: absolute;
           right:16 * @hd;
         }
       }
      }
      
      .netdisk-myshare-list-div{
        flex: 1 1;
        .netdisk-myshare-list{
          .am-list{
            width: 100%;
            height: 100%;
            .am-pull-to-refresh-content-wrapper{
              min-height: 100%;
              .am-list-line{
                border-bottom: @hd solid #E2E2E2;
              }
            }
          }
          .am-flexbox-item{
            pointer-events: none;
          }
          // bottom: 30 * @hd;
          .netdisk-share-user-item{
            display: flex;
            // border-bottom: @hd solid #E2E2E2;
            .user-item-check{
              display: flex;
              align-items: center;
              .am-checkbox{
                .am-checkbox-inner{
                  // width: 16 * @hd;
                  // height: 16 * @hd;
                }
              }
            }
            .user-avatar{
                width: 45 * @hd;
                height: 45 * @hd;
                border-radius: 50%;
                margin-top: 7 * @hd;
                margin-left: 16 * @hd;
                margin-bottom: 8 * @hd;
              .user-avatar-img {
                width: 45 * @hd;
                height: 45 * @hd;
                border-radius: 50%;
              }
            }
            .user-item-info-left {
              margin-left: 16 * @hd;
              // margin-bottom: 7 * @hd;
              width: 100%;
              .user-item-username {
                margin-top: 7 * @hd;
                line-height: 24 * @hd;
                font-size: @font-size-base;
                color: #333333;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                letter-spacing: -0.12 * @hd;
              }
              .user-item-sub {
                line-height: 20 * @hd;
                font-size: @font-size-icontext;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space:nowrap;
                color: #868686;
                letter-spacing: -0.1 * @hd;
              }
              .user-item-date{
                line-height: 20 * @hd;
                font-size: @font-size-icontext;
                display: block;
                color: #868686;
                letter-spacing: -0.1 * @hd;
              }
            }
          }
        }
      }
      
      .netdisk-myshare-footer{
        height: 51 * @hd;
        width: 100%;
        display: flex;
        border-top: @hd solid #E2E2E2;
        .netdisk-myshare-delete{
          background-color:#55B1F9;
          height: 100%;
          width: 100%;
          display: flex;
          align-items: center;
          .netdisk-myshare-span{
            padding-left: 46%;
            color: white;
          }
        }
      }
  }
  .am-tab-bar {
    height: @tab-bar-height;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .am-list-body {
    // 避免两条线的问题
    //border-bottom-color: #EEE9E9;
    border-bottom: none;
    border-top: none;
  }
  .wea-doc-category-bar(netdisk-category-bar, true);

  .wea-doc-list-row(netdisk-list-row);
  
  .netdisk-search-list {
    position: absolute;
    top:0;
    bottom: @tab-bar-height;
    width: 100%;
    .wea-netdisk-doc-category-queue-anim {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      background: #fff;
      // height: 100%;
      .wea-netdisk-doc-category-route {
        height: 100%;
        .netdisk-list-scroll-div {
          height: 100%;
          display: flex;
          flex-direction: column;
          overflow: hidden;
          .wea-doc-openattach{
            height: 100%; 
            width: 100%;
            -webkit-overflow-scrolling:touch;
            overflow: auto !important;
          }
          .wea-netdisk-searchhistory{
            .am-search{
              border-bottom: none;
            }
          }
          .netdisk-category-bar-treeIcon > div {
            position: absolute;
            width: 100%;
          }
          .netdisk-category-bar-treeLabel-div {
            flex: 1 1;
            padding-left: @h-spacing-sm;
            position: relative;
            top: @hd;
          }
        }
      }
    }

    .wea-netdisk-list {
      flex: 1 1;
      -webkit-overflow-scrolling: touch;
      // height: 100%;
      //文件样式
      .am-list-view-scrollview-content {
        height: 100%;
        .netdisk-category-bar-publish-browser {
          background: none;
        }
        .am-pull-to-refresh-content-wrapper{
          min-height: 100%;
        }
      }
      .netdisk-list-row-file {
        .netdisk-list-row-img {
          height: 36 * @hd;
          width: 36 * @hd;
        }
        .netdisk-list-row-content {
          .netdisk-list-row-title {
            font-family: PingFangSC-Regular;
            font-size: 15 * @hd;
            letter-spacing: -0.12 * @hd;
            line-height: 22 * @hd;
          }
          .netdisk-list-row-sub {
            font-family: PingFangSC-Regular;
            font-size: 12 * @hd;
            letter-spacing: -0.1 * @hd;
            margin-top: 4 * @hd;
          }
        }
      }
      //文件夹样式
      .netdisk-list-row-folder {
        .netdisk-list-row-content {
          flex: 1 1;
          margin-left: 12.8 * @hd;
          .netdisk-doc-list-row-title {
            font-family: PingFangSC-Regular;
            font-size: 15 * @hd;
            letter-spacing: -0.12 * @hd;
            line-height: 22 * @hd;
          }
        }
      }
      //条目分割线
      .news-line {
        background: #EEE9E9;
        height: @hd;
        margin-left: 16 * @hd;
      }
      .news-line-hide {
        background: #fff;
        height: 0 * @hd;
      }
    }
  }
  // 右侧按钮样式
  .wea-doc-netdisk-right-button {
    color: #FFFFFF;
    padding-left: @h-spacing-md;
    padding-right: @h-spacing-md;
  }

  .netdisk-multi-header {
    padding: @v-spacing-lg @h-spacing-lg;
    border-bottom: 1px solid #E2E2E2;
    a {
      color: @brand-primary;
      margin-right: @h-spacing-lg;
    }
    .netdisk-multi-choose-all {
      float: right;
    }
  }
  .netdisk-multi-oper {
    position: fixed;
    width: 100%;
    bottom: 0;
    height: 50 * @hd;
    background: #fff;
    z-index: 101;
    border-bottom: 1px solid #ddd;
    color:#333333;
  }

  .wea-netdisk-upload {
    display: inline-block;
    position: absolute;
    background-color: @brand-primary;
    border-radius: 50%;
    &.wea-netdisk-upload-active {
      background-color: @brand-primary-tap;
    }
    //right: 20 * @hd;
    //bottom: 30 * @hd;
    // -webkit-overflow-scrolling: touch;
    .wea-netdisk-upload-content {
      width: 40 * @hd;
      height: 40 * @hd;
      font-size: 14 * @hd;
      text-align: center;
      color: #fff;
      vertical-align: top;
      padding: 15 * @hd;
      box-sizing: content-box;
    }
  }
}
